<link rel="stylesheet" href="/assets/home/css/recharge.css" />

<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
    <a id="icon-menu" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">充值</h1>
</header>

<div class="list">
    <div class="item">
        <h3>余额</h3>
        <p>￥300.00</p>
    </div>

    <div class="item">
        <h3>已提现</h3>
        <p>￥300.00</p>
    </div>

    <div class="item">
        <h3>未提现</h3>
        <p>￥300.00</p>
    </div>
</div>

<form class="mui-input-group" method="post">
    <div class="mui-input-row">
        <label class="title">充值用户：</label>
        <input type="number" readonly value="13800000000" />
    </div>

    <div class="mui-input-row">
        <label class="title">当前余额(￥)：</label>
        <input type="number" readonly value="1" />
    </div>
    <div class="mui-input-row">
        <label class="title">充值金额(￥)：</label>
        <input type="number" name="money" min="1" class="mui-input-clear money" placeholder="请输入充值金额" required />
    </div>

    <div class="mui-input-row">
        <label class="title">支付方式：</label>
        <select name="type">
            <option value="0">微信支付</option>
            <option value="1">支付宝支付</option>
        </select>
    </div>

    <!--立即充值-->
    <button type="submit" class="mui-btn mui-btn-primary btn">立即充值</button>
</form>

